<template>
  <div>
    <el-container>
      <el-header>
        <c-header />
      </el-header>
      <el-main><router-view></router-view></el-main>
      <el-footer><c-footer /></el-footer>
    </el-container>
  </div>
</template>

<script>
import CFooter from "../components/footer/footer.vue";
import CHeader from "../components/header/header.vue";
import Selection from "./home.vue";
import { ElContainer, ElMain, ElHeader, ElFooter } from "element-plus";
export default {
  // name:"CPage",
  components: {
    CFooter,
    CHeader,
    ElContainer,
    ElMain,
    ElFooter,
    ElHeader,
    ElAside,
    ElButton,
    Selection,
  },
};
</script>

<style scoped>
::v-deep .el-header {
  height: 80px;
  /* padding:0; */
  background-color: #bdbebc;
}
.c-header {
  margin: 0;
  padding: 0;
}
</style>